import { defineComponent, ref, onMounted } from 'vue'
import './test.css'

const Porps = {
    msg: String,
    age: {
        type: Number,
        required: true,
    },
} as const

export default defineComponent({
    name: 'test',
    props: Porps,
    setup(props, { slots, attrs, emit }) {
        const age = ref(12)
        onMounted(() => {
            console.log(age.value)
        })
        return () => (
            <div class="test">
                <p class="name">this si test</p>
                <h3 id="test2">this is test</h3>
                <h1 class="test2">ttt</h1>
            </div>
        )
    },
})
